#{extends 'main.html' /}
#{set title:'Home' /}

<head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>

  <div id="header">
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_colour", allows you to change the colour of the text -->
          <h1><a href="@{Application.index()}">Si<span class="logo_colour">pro</span></a></h1>
        </div>
      </div>
        
            <div id="Header3"><br/>
                <ul id="menu">
                <!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
                    <li class="selected"><a href="@{Application.index()}">Home</a></li>
                    <li><a href="@{Application.cadastroNovoMedico()}">Cadastro</a></li>
                    <li><a href="@{Application.gerarRelatorio()}">Relatórios</a></li>
                    <li><a href="">Sobre</a></li>
                </ul>
            </div>
    </div>


<div id="mainbox"> 

    
            <br/>
            <div id="Header1" style="border-radius: 10px 10px 10px 10px;"> O SIPRO é um sistema de prontuário médico com o objetivo de facilitar o acesso a informações
de pacientes, tanto para dados estatísticos quanto para consultas de profissionais da área. </div>
            <div style="margin-top: 25%;">
                        <form action="@{Application.telaPrincipal()}" method="GET">
                            <table>
                                <tr><td style="text-align:right;">Login:</td><td style="text-align:left;"><input type = "text" name="login"></td></tr>
                                <tr><td style="text-align:left;"> Senha:</td><td style="text-align:left;"><input type = "password" name="senha"/></td></tr>
                                <tr><td style="text-align:right;"><input type = "submit" value="OK" /></td><td style="text-align:left;">Esqueci a senha</td></tr>
                            </table>
                        </form>	
            </div>
        </div>

        <div id="rodape">
                <br/>
                <b>DAMGeR</b>
                <br/>
                Sistema de Prontuário
                <br/>
        </div>